<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <title>
            X-admin v1.0
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="__PUBLIC__/admin/css/x-admin.css" media="all">
    </head>
    
    <body>
        <div class="x-body">
            <form action="" method="post" class="layui-form layui-form-pane">
                <div class="layui-form-item">
                    <label for="name" class="layui-form-label">
                        <span class="x-red">*</span>教龄
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" name="jiaoling" required="" lay-verify="required" placeholder="输入教龄" autocomplete="off" class="layui-input" value="{$jiaoling_jli.jiaoling}">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_email" class="layui-form-label">
                        <span class="x-red">*</span>过往经历
                    </label>
                    <div class="layui-input-inline" style="width:110px;">
                    <select name="start_year" required lay-verify="required" style="width:135px">
                        <option value="{$jiaoling_jli['start_year']}" selected=""> {$jiaoling_jli['start_year']} </option>
                        <option value="1980">1980年</option><option value="1981">1981年</option>
                        <option value="1982">1982年</option><option value="1983">1983年</option>
                        <option value="1984">1986年</option><option value="1985">1985年</option>
                        <option value="1986">1986年</option><option value="1987">1987年</option>
                        <option value="1988">1988年</option><option value="1989">1989年</option>
                        <option value="1990">1990年</option><option value="1991">1991年</option>
                        <option value="1992">1992年</option><option value="1993">1993年</option>
                        <option value="1994">1994年</option><option value="1995">1995年</option>
                        <option value="1996">1996年</option><option value="1997">1997年</option>
                        <option value="1998">1998年</option><option value="1999">1999年</option>
                        <option value="2000">2000年</option><option value="2001">2001年</option>
                        <option value="2002">2002年</option><option value="2003">2003年</option>
                        <option value="2004">2004年</option><option value="2005">2005年</option>
                        <option value="2006">2006年</option><option value="2007">2007年</option>
                        <option value="2008">2008年</option><option value="2009">2009年</option>
                        <option value="2010">2010年</option><option value="2011">2011年</option>
                        <option value="2012">2012年</option><option value="2013">2013年</option>
                        <option value="2014">2014年</option><option value="2015">2015年</option>
                        <option value="2016">2016年</option><option value="2017">2017年</option><option value="2018">2018年</option>
                    </select>
                    </div>
                    <div class="layui-input-inline" style="width:75px;"><span style=" position: absolute;left: 77px;top: 10px;">-</span>
                        <select name="start_month" required lay-verify="required" style="width:135px">
                            <option value="{$jiaoling_jli['start_month']}" selected=""> {$jiaoling_jli['start_month']}月 </option>
                            <option value="1">1月</option>
                            <option value="2">2月</option>
                            <option value="3">3月</option>
                            <option value="4">4月</option>
                            <option value="5">5月</option>
                            <option value="6">6月</option>
                            <option value="7">7月</option>
                            <option value="8">8月</option>
                            <option value="9">9月</option>
                            <option value="10">10月</option>
                            <option value="11">11月</option>
                            <option value="12">12月</option>
                        </select>
                    </div>
                    <div class="layui-input-inline" style="width:110px;">
                    <select name="stop_year" required lay-verify="required" style="width:135px">
                        <option value="{$jiaoling_jli['start_year']}" selected=""> {$jiaoling_jli['start_year']} </option>
                        <option value="1980">1980年</option><option value="1981">1981年</option>
                        <option value="1982">1982年</option><option value="1983">1983年</option>
                        <option value="1984">1986年</option><option value="1985">1985年</option>
                        <option value="1986">1986年</option><option value="1987">1987年</option>
                        <option value="1988">1988年</option><option value="1989">1989年</option>
                        <option value="1990">1990年</option><option value="1991">1991年</option>
                        <option value="1992">1992年</option><option value="1993">1993年</option>
                        <option value="1994">1994年</option><option value="1995">1995年</option>
                        <option value="1996">1996年</option><option value="1997">1997年</option>
                        <option value="1998">1998年</option><option value="1999">1999年</option>
                        <option value="2000">2000年</option><option value="2001">2001年</option>
                        <option value="2002">2002年</option><option value="2003">2003年</option>
                        <option value="2004">2004年</option><option value="2005">2005年</option>
                        <option value="2006">2006年</option><option value="2007">2007年</option>
                        <option value="2008">2008年</option><option value="2009">2009年</option>
                        <option value="2010">2010年</option><option value="2011">2011年</option>
                        <option value="2012">2012年</option><option value="2013">2013年</option>
                        <option value="2014">2014年</option><option value="2015">2015年</option>
                        <option value="2016">2016年</option><option value="2017">2017年</option><option value="2018">2018年</option>
                    </select>
                    </div>
                    <div class="layui-input-inline" style="width:75px;">
                        <select name="stop_month" required lay-verify="required" style="width:135px">
                            <option value="{$jiaoling_jli['start_month']}" selected=""> {$jiaoling_jli['start_month']}月 </option>
                            <option value="1">1月</option>
                            <option value="2">2月</option>
                            <option value="3">3月</option>
                            <option value="4">4月</option>
                            <option value="5">5月</option>
                            <option value="6">6月</option>
                            <option value="7">7月</option>
                            <option value="8">8月</option>
                            <option value="9">9月</option>
                            <option value="10">10月</option>
                            <option value="11">11月</option>
                            <option value="12">12月</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label for="desc" class="layui-form-label">
                        <span class="x-red">*</span>描述过往经历
                    </label>
                    <div class="layui-input-block">
                        <textarea id="L_content" name="content" placeholder="输入过往经历" class="layui-textarea fly-editor" style="height: 160px;">{$jiaoling_jli['experience']}</textarea>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">
                        <span class="x-red">*</span>我的关键词
                    </label>
                    <table  class="layui-table layui-input-block">
                        <tbody>
                            <tr>
                                <td>老师简介</td>
                                <td>
                                <div class="layui-input-block">
                                 <textarea id="L_jianjie" name="jianjie" placeholder="输入自我描述/简介" class="layui-textarea fly-editor" style="height: 160px;">{$jiaoling_jli['jianjie']}</textarea>
                                </div>
                                </td>
                            </tr>
                            <tr>
                                <td>学生类型</td>
                                <td>
                                    <div class="layui-input-inline">
                                    <select name="stye_one" required lay-verify="required" style="width:135px">
                                        <option value="{$jiaoling_jli_stye.0}" selected=""> {$jiaoling_jli_stye.0} 学生类1</option>
                                        <option value="基础薄弱型">基础薄弱型</option>
                                        <option value="偏科严重型">偏科严重型</option>
                                        <option value="培优拔高型">培优拔高型</option>
                                        <option value="知识生疏型">知识生疏型</option>
                                        <option value="缺少思路型">缺少思路型</option>
                                        <option value="动力不足型">动力不足型</option>
                                        <option value="考前焦虑型">考前焦虑型</option>
                                        <option value="苦学无效型">苦学无效型</option>
                                        <option value="粗心大意型">粗心大意型</option>
                                        <option value="思维呆板型">思维呆板型</option>
                                    </select>
                                    </div>
                                    <div class="layui-input-inline">
                                    <select name="stye_two" required lay-verify="required" style="width:135px">
                                        <option value="{$jiaoling_jli_stye.1}" selected=""> {$jiaoling_jli_stye.1} 学生类2</option>
                                        <option value="基础薄弱型">基础薄弱型</option>
                                        <option value="偏科严重型">偏科严重型</option>
                                        <option value="培优拔高型">培优拔高型</option>
                                        <option value="知识生疏型">知识生疏型</option>
                                        <option value="缺少思路型">缺少思路型</option>
                                        <option value="动力不足型">动力不足型</option>
                                        <option value="考前焦虑型">考前焦虑型</option>
                                        <option value="苦学无效型">苦学无效型</option>
                                        <option value="粗心大意型">粗心大意型</option>
                                        <option value="思维呆板型">思维呆板型</option>
                                    </select>
                                    </div>
                                    <div class="layui-input-inline">
                                    <select name="stye_three" required lay-verify="required" style="width:135px">
                                        <option value="{$jiaoling_jli_stye.2}" selected=""> {$jiaoling_jli_stye.2} 学生类3</option>
                                        <option value="基础薄弱型">基础薄弱型</option>
                                        <option value="偏科严重型">偏科严重型</option>
                                        <option value="培优拔高型">培优拔高型</option>
                                        <option value="知识生疏型">知识生疏型</option>
                                        <option value="缺少思路型">缺少思路型</option>
                                        <option value="动力不足型">动力不足型</option>
                                        <option value="考前焦虑型">考前焦虑型</option>
                                        <option value="苦学无效型">苦学无效型</option>
                                        <option value="粗心大意型">粗心大意型</option>
                                        <option value="思维呆板型">思维呆板型</option>
                                    </select>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>老师特点</td>
                                <td>
                                    <div class="layui-input-inline">
                                    <select name="tedian_one" required lay-verify="required" style="width:135px">
                                        <option value="{$jiaoling_jli_tedian.0}" selected=""> {$jiaoling_jli_tedian.0} 类型1</option>
                                        <option value="因材施教">因材施教</option>
                                        <option value="注重方法">注重方法</option>
                                        <option value="把握重点">把握重点</option>
                                        <option value="经验丰富">经验丰富</option>
                                        <option value="严谨细密">严谨细密</option>
                                        <option value="睿智创新">睿智创新</option>
                                        <option value="自然亲切">自然亲切</option>
                                        <option value="严厉认真">严厉认真</option>
                                        <option value="声情并茂">声情并茂</option>
                                        <option value="拓展学生思维">拓展学生思维</option>
                                        <option value="培养学习习惯">培养学习习惯</option>
                                        <option value="激发学习兴趣">激发学习兴趣</option>
                                    </select>
                                    </div>
                                    <div class="layui-input-inline">
                                    <select name="tedian_two" required lay-verify="required" style="width:135px">
                                        <option value="{$jiaoling_jli_tedian.1}" selected=""> {$jiaoling_jli_tedian.1} 类型2</option>
                                        <option value="因材施教">因材施教</option>
                                        <option value="注重方法">注重方法</option>
                                        <option value="把握重点">把握重点</option>
                                        <option value="经验丰富">经验丰富</option>
                                        <option value="严谨细密">严谨细密</option>
                                        <option value="睿智创新">睿智创新</option>
                                        <option value="自然亲切">自然亲切</option>
                                        <option value="严厉认真">严厉认真</option>
                                        <option value="声情并茂">声情并茂</option>
                                        <option value="拓展学生思维">拓展学生思维</option>
                                        <option value="培养学习习惯">培养学习习惯</option>
                                        <option value="激发学习兴趣">激发学习兴趣</option>
                                    </select>
                                    </div>
                                    <div class="layui-input-inline">
                                    <select name="tedian_three" required lay-verify="required" style="width:135px">
                                        <option value="{$jiaoling_jli_tedian.2}" selected=""> {$jiaoling_jli_tedian.2} 类型3</option>
                                        <option value="因材施教">因材施教</option>
                                        <option value="注重方法">注重方法</option>
                                        <option value="把握重点">把握重点</option>
                                        <option value="经验丰富">经验丰富</option>
                                        <option value="严谨细密">严谨细密</option>
                                        <option value="睿智创新">睿智创新</option>
                                        <option value="自然亲切">自然亲切</option>
                                        <option value="严厉认真">严厉认真</option>
                                        <option value="声情并茂">声情并茂</option>
                                        <option value="拓展学生思维">拓展学生思维</option>
                                        <option value="培养学习习惯">培养学习习惯</option>
                                        <option value="激发学习兴趣">激发学习兴趣</option>
                                    </select>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="layui-form-item">
                <input type="hidden" name="uid" value="{$id}">
                <button class="layui-btn" lay-submit="" lay-filter="add">增加</button>
              </div>
            </form>
        </div>
        <script src="__PUBLIC__/admin/lib/layui/layui.js" charset="utf-8">
        </script>
        <script src="__PUBLIC__/admin/js/x-layui.js" charset="utf-8">
        </script>
        <script>
            layui.use(['form','layer','layedit' ,'laypage', 'element','upload'], function(){
                $ = layui.jquery;
              var form = layui.form()
              ,laypage = layui.laypage
              ,layedit = layui.layedit
              ,element = layui.element()
              ,upload = layui.upload
              ,layer = layui.layer;

              //创建一个编辑器
              var editIndex = layedit.build('L_content', {height: 132,
                            tool: ['strong','italic','underline','del','left', 'center', 'right', '|', 'face','link']
                            });
              //创建一个编辑器
              var editIndex1 = layedit.build('L_jianjie', {height: 132,
                            tool: ['strong','italic','underline','del','left', 'center', 'right', '|', 'face','link']
                            });

              //监听提交
              form.on('submit(add)', function(data){
                //授课年级
                var grade = new Array();
                var chenked=$(".grade:checked").each(function(){
                   grade.push($(this).val()); 
                })
                data.field.grade = grade;
                //上门方式
                var methods = new Array();
                var chenked=$(".methods:checked").each(function(){
                   methods.push($(this).val()); 
                })
                data.field.methods = methods;
                //console.log(data);
                data.field.content = layedit.getContent(editIndex);

                data.field.jianjie = layedit.getContent(editIndex1);
                //发异步，把数据提交给php
                $.ajax({
                    url: "{:U('admin/laoshi/jiaoling_jli_add')}",//请求地址
                    type: "post",//请求方式
                    dataType: "json",//返回数据类型
                    data: data.field,//发送的参数
                    })
                    .done(function(response) {
                          if(response.error==0){
                             layer.msg(response.info ,{icon:5});
                          }else{
                            layer.alert(response.info, {icon: 6},function () {
                                // 获得frame索引
                                var index = parent.layer.getFrameIndex(window.name);
                                //关闭当前frame
                                parent.layer.close(index);
                            });
                          }
                      })
                    .fail(function() {
                        alert("ajxs交互失败");
                    })  
                return false;
              });
              
              
            });
        </script>
    </body>

</html>